@charset "utf-8";
/* CSS Document */
/***********通用基本类1************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/*css定义超链接四个状态也有顺序的。*/

a:link, a:visited {
text-decoration: none;
color: #000000;
}
a:hover, a:active {text-decoration: none;color: #ff9425;/* border: none; */}
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
clear:both;

width: 100%;
}
ul, li {
list-style:none;
}

/***********通用基本类2************/

/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {
padding: 0px;
margin: 0px;
text-align: left;
font-family:Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif;
line-height: 150%;
}
body {
	    font-family: 楷书;
}
table {
border-collapse: collapse;
}


/*长度高度*/
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; text-align:center;}
.w50{ width:50%}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.fl{ float:left;}
.fr{ float:right;}

.hreder1{color: #ffffff;padding: 2px 0px;font-size: 14px;background-color: #013B7B;}
.hreder1-l{
    width: 30%;
    float: left;
}
.hreder1-z{
    width: 40%;
    float: left;
    text-align: CENTER;
}
.hreder1-r{
    width: 30%;
    float: left;
    text-align: right;
}
.hreder1-r a{color: #ffffff;font-size: 14px;}
.hreder1-r a:hover{color: #ffffff;}

.header2{
    border-bottom: 2px solid black;
}
.weblogo{
    max-height: 50px;
    margin: 10px 0px;
}
.headerphone{
    float: right;
    margin-top: 15px;
}
.headerphone-d1{
    float: left;
    margin-right: 5px;
}
.headerphone-d1 img{
    margin-top: 4px;
}
.headerphone-d2{
    float: left;
}
.headerphone-d2 span{
    color: grey;
}
.headerphone-d2 p{
    color: #FFC000;
    font-size: 25px;
    line-height: 17px;
}


/* 导航开始 */
.webnan-box{
    width: 100%;
    float: left;
}
.webnan-box .webnavone{
    width: auto;
    float: left;
    height: 54px;
    overflow: hidden;
}
.webnan-box .webnavone dt{}
.webnan-box .webnavone dt a{
    padding: 15px 49px;
    display: block;
    color: white;
}
.webnan-box .webnavtwo{
    z-index: 999;
    position: absolute;
    width: 164px;
    text-align: center;
    background-color: #e7e5e6;
    display: none;
}
.webnan-box .webnavtwo dd{}
.webnan-box .webnavtwo dd a{
   
display: block;
   
text-align: center;
   
padding: 5px 0px;
}
.webnan-box .webnavtwo dd a:hover{    background-color: gainsboro;}
.webnan-box .webnavone dt a:hover{color: #FFC000 !important;}

.navhoser{color: #FFC000 !important;}
.webnav{background-color: #013b7b;}
.heaernabx{
    float: left;
    width: 1px;
    height: 20px;
    background-color: #717171;
    margin-top: 19px;
}
.heaernabx:last-child{width: 0px;}


.webnews{
    padding: 30px 0px;
    background-color: #F0F0F0;
}
.inews1{
    width: 397px;
    float: left;
    margin-right: 50px;
}
.inewstop{
    border-bottom: 2px solid #8C8C8C;
    height: 33px;
}
.inewstop div{
    color: #000000;
    font-size: 20px;
    width: auto;
    float: left;
}
.inewstop a{
    float: right;
    color: red;
    margin-top: 12px;
}
.inews-box{}
.inews-img{
    margin: 15px  0px;
}
.inewsli{
    position: relative;
    margin-bottom: 30px;
}
.inews-num{
    background-color: #023A7B;
    width: 50px;
    height: 50px;
    color: white;
    text-align: center;
    font-size: 35px;
    position: absolute;
    z-index: 2;
    top: 43px;
}
.inews-nr{
    width: 360px;
    float: right;
    /* padding: 0px 40px; */
    /* border: 1px solid #DBDBDB; */
}
.inews-titme{
    padding: 0px 40px;
    color: black;
}
.inews-li-d{
    border: 1px solid #DBDBDB;
    padding: 10px 40px;
    background-color: white;
}
.inews-li-d h3{
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inews-li-d p{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
}
.inews2{}
.inews3{
    width: 305px;
    float: right;
}
.inews3box{
    margin-top: 15px;
    background-color: white;
    padding: 0px 10px;
    height: 443px;
    overflow: hidden;
}

.webfoot1{
    background-color: #0D4D97;
    padding-bottom: 30px;
}
.webfoot1-d1{
    width: 335px;
    float: left;
}

.webfoot1-d1 div{
    color: white;
   /*  height: 100px; */
    overflow: hidden;
    margin-top: 70px;
}
.webfoot1-d2{
    width: 160px;
    float: left;
    margin-top: 30px;
    margin-left: 110px;
}
.webfoot1-d2 img{
    width: 160px;
    height: 160px;
}
.webfoot1-d2 p{
    text-align: center;
    color: white;
}
.webfoot1-img{
    max-width: 515px;
    height: 70px;
    float: left;
    margin-top: 85px;
}
.webfoot2{background-color: #013b7b;text-align: center;color: white;padding: 5px 0px;}
.webfoot2 a{color: white}


.i-about{background: url(../images/bg1.png) no-repeat center;padding: 50px 0px 90px;}
.publicheader{
    text-align: center;
}
.publicheader img{}
.publicheader h2{
    text-align: center;
    color: #003B78;
    font-weight: bold;
    font-size: 25px;
}
.publicheader div{background: url(../images/fengexian.png) no-repeat center;text-align: center;}
.publicheader div span{
    /* background-color: white; */
    padding: 0px 55px;
    font-size: 18px;
}
.publicheader p{
    text-align: center;
    font-size: 14px;
}
.i-about-box{
    border: 1px solid #9c9c9c;
    box-shadow: 2px 2px 3px #888888;
    margin-top: 20px;
    background-color: white;
}
.i-about-box-t{
    padding-top: 15px;
    padding-left: 10px;
    border-bottom: 1px solid #003B78;
}
.i-about-box-t div{
    float: left;
    color: #003B78;
    /* font-weight: bold; */
    font-size: 30px;
}
.i-about-box-t a{
    float: left;
    margin-top: 15px;
    margin-left: 6px;
    font-size: 18px;
}
.i-about-box-t p{
    float: left;
    width: 100%;
    color: #073665;
    line-height: 20px;
    margin-bottom: 8px;
}
.i-about-box-b{
    padding: 20px 0px;
    /* float: right; */
}
.i-about-box-b img{
    width: 40%;
    float: right;
    margin-right: 4%;
    max-height: 423px;
}
.i-about-box-b-d1{
    width: 54%;
    float: left;
}
.i-about-box-b-d1 div{
    font-size: 17px;
    line-height: 27px;
    padding: 5px;
    height: 380px;
    overflow: hidden;
}
.i-about-box-b-d1 a{
    float: right;
    padding: 5px;
    color: red;
    font-size: 17px;
    /* margin-top: -5px; */
}


.i-product{
    padding: 50px 0px 30px;
}
.i-product-top{background: url(../images/bg.png) no-repeat center;margin-top: 30px;padding: 10px 0px 30px;}
.i-product-top-d1{color: white;/* padding-top: 15px; *//* padding-left: 10px; */}
.i-product-top-d1>p{
    margin-top: 10px;
    font-size: 17px;
}
.i-pro-box-t{
    padding-top: 15px;
    padding-left: 0px;
    border-bottom: 1px solid #0379e7;
}
.i-pro-box-t div{
    float: left;
    color: #ffffff;
    font-size: 30px;
}
.i-pro-box-t a{
    float: left;
    margin-top: 15px;
    margin-left: 6px;
    font-size: 18px;
    color: white;
}
.i-pro-box-t>p{
    float: left;
    width: 100%;
    color: #0379e7;
    line-height: 20px;
    margin-bottom: 8px;
}
.i-product-top-d2{
    text-align: center;
    color: white;
    background:url(../images/prohx.png) no-repeat center;
    margin: 40px 0px 20px;
    font-size: 22px;
}
.i-product-top-d3{}
.i-chanp-box{
    width: 24%;
    float: left;
    margin-right: 1.3%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.i-chanp-box a{}
.i-chanp-box img{
    width: 100%;
    display: block;
    height: 285px;
}
.i-chanp-box div{
    background-color: #FFC000;
    text-align: center;
    padding: 10px;
    color: black;
}
.i-chanp-box:nth-child(4n+4){margin-right: 0px;}
.i-chanp-one{background: url(../images/cpzq.png);background-size: 100% 100%;margin-top: 0px;height: 344px;text-align: center;}
.i-chanp-one p{
    text-align: center;
    color: white;
    font-size: 20px;
    margin-top: 70px;
}
.i-chanp-one h3{
    text-align: center;
    color: white;
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.i-chanp-one a{
    background-color: white;
    padding: 10px 32px;
    text-align: center;
    border-radius: 19px;
    /* margin-top: 10px; */
}
.i-product-top-d4{
    margin-top: 15px;
    background-color: #ffc000;
    padding: 10px;
    width: 1180px;
}
.i-product-top-d4-d1{
    width: 582px;
    height: 280px;
    float: left;
}
.i-product-top-d4-d1 a{}
.i-product-top-d4-d1 a img{
    width: 582px;
    height: 280px;
}
.i-product-top-d4-d2{
    height: 280px;
    width: 280px;
    float: left;
}
.i-product-top-d4-d2 a{}
.i-product-top-d4-d2 a img{
    height: 280px;
    width: 280px;
    margin-left: 17px;
}
.i-product-top-d4-d3{
    width: auto;
    float: right;
    text-align: right;
}
.i-product-top-d4-d3 a{}
.i-product-top-d4-d3 h2{
    color: black;
    font-size: 35px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 25px;
}
.i-product-top-d4-d3 p{
    text-align: right;
    color: black;
}
.i-product-top-d4-d3 img{
    margin-top: 35px;
}



.i-anli{}
.i-anli-top{background:url(../images/anlizhanshibeijing.png) no-repeat center;padding: 8px 0px 30px;}
.i-anli-box{
    margin: 10px auto;
}
.anli-top{
    /* width: 800px; */
    /* float: left; */
}
.anli-top p span{
    font-size: 25px;
}
.anli-top-box{
    width: 800px;
}

.i-selectus-top{
    background-color: #F9F9F9;
    padding: 50px 0px;
}

.i-news-top{padding: 50px 0px;}

.i-seleus-box{background:url(../images/bg2.png) no-repeat center;}
.i-seleus-box-d1{
    background-color: white;
}
.i-seleus-box-d1-d1{
    text-align: center;
    font-size: 40px;
    background:url(../images/us.png) no-repeat center;
    margin-top: 15px;
}
.i-seleus-box-d1-d1 span{
    color: #023B7B;
    font-weight: bold;
}
.i-seleus-box-d1-d2{
    width: 150px;
    height: 1px;
    background-color: #7d7d7d;
    margin: 0 auto;
    margin-top: 10px;
}
.i-seleus-box-d1 p{
    text-align: center;
    margin-top: 5px;
}
.i-s-zbox{
    background-color: white;
    padding: 45px 0px 0px;
}
.i-s-zbox-d1{
    width: 31%;
    float: left;
    border-top: 5px solid #013B7B;
    margin-right: 3.5%;
    border-bottom: 5px solid #EBEBEB;
    margin-bottom: 40px;
    background-color: #F9F9F9;
}
.i-s-zbox-d1:nth-child(3n+3){margin-right: 0px}
.i-s-zbox-d1 img{
    width: 100%;
    height: 200px;
}
.i-s-zbox-d1 h2{
    text-align: center;
    color: #028ADB;
    font-size: 50px;
    line-height: 34px;
    margin-top: 30px;
}
.i-s-zbox-d1 h3{
    text-align: CENTER;
    color: #028adb;
    font-size: 25px;
    margin-top: 10px;
}
.i-s-zbox-d1 div{
    margin: 10px 27px 60px;
    line-height: 27px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 107px;
}